
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}

.list{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	.px2rem(padding,20);
	.px2rem(padding-top,110);
	background: #fff;
	dl{
		width: 48.5%;
		.px2rem(height,335);
		.px2rem(margin-bottom,20);
		border-radius: 8px;
		display: flex;
		flex-direction: column;
		justify-content: center;		
		dt{
			img{
				width: 40%;
			}
		}
		dd{
			color: #fff;
		}
	}
	dl:first-child{
		background: #3dcdb6;
	}
	dl:nth-child(2){
		background: #f7a901;
	}
	dl:nth-child(3){
		background: #3cb0df;
	}
	dl:nth-child(4){
		background: #f68a42;
	}
	dl:nth-child(2n){
		margin-left: 3%;
	}
}